<?php
/*
Template Name: home
*/
?>
<?php get_header(); ?>
<div id="content">
	<div id="featurebanner">
		<script language="javascript"> 
		function openYouTube(id){ 
			  //YouTube Player Parameters 
			  var width = 640; 
			  var height = 505; 
			  var FullScreen = "yes"; 
			  var AutoPlay = "yes"; 
			  var HighDef = "yes"; 
			  
			  //Calculate Page width and height 
			  var pageWidth = window.innerWidth; 
			  var pageHeight = window.innerHeight; 
			  if (typeof pageWidth != "number"){ 
			  if (document.compatMode == "CSS1Compat"){ 
					pageWidth = document.documentElement.clientWidth; 
					pageHeight = document.documentElement.clientHeight; 
			  } else { 
					pageWidth = document.body.clientWidth; 
					pageHeight = document.body.clientHeight; 
					} 
			  } 
			  // Make Background visible... 
			  var divbg = document.getElementById('bg'); 
			  divbg.style.visibility = "visible"; 
			  
			  //Create dynamic Div container for YouTube Popup Div 
			  var divobj = document.createElement('div'); 
			  divobj.setAttribute('id',id); // Set id to YouTube id 
			  divobj.className = "popup"; 
			  divobj.style.visibility = "visible"; 
			  var divWidth = width + 4; 
			  var divHeight = height + 20; 
			  divobj.style.width = divWidth + "px"; 
			  divobj.style.height = divHeight + "px"; 
			  var divLeft = (pageWidth - divWidth) / 2; 
			  var divTop = (pageHeight - divHeight) / 2 - 10; 
			  //Set Left and top coordinates for the div tag 
			  divobj.style.left = divLeft + "px"; 
			  divobj.style.top = divTop + "px"; 
			  
			  //Create dynamic Close Button Div 
			  var closebutton = document.createElement('div'); 
			  closebutton.style.visibility = "visible"; 
			  closebutton.innerHTML = "&lt;span onclick=\"closeYouTube('" + id +"')\" class=\"close_button\"&gt;X&lt;/span&gt;"; 
			  //Add Close Button Div to YouTube Popup Div container 
			  divobj.appendChild(closebutton); 

			  //Create dynamic YouTube Div 
			  var ytobj = document.createElement('div'); 
			  ytobj.setAttribute('id', "yt" + id); 
			  ytobj.className = "ytcontainer"; 
			  ytobj.style.width = width + "px"; 
			  ytobj.style.height = height + "px"; 
			  if (FullScreen == "yes") FullScreen="&amp;fs=1"; else FullScreen="&amp;fs=0"; 
			  if (AutoPlay == "yes") AutoPlay="&amp;autoplay=1"; else AutoPlay="&amp;autoplay=0"; 
			  if (HighDef == "yes") HighDef="&amp;hd=1"; else HighDef="&amp;hd=0"; 
			  var URL = "http://www.youtube.com/v/" + id + "&amp;hl=en&amp;rel=0&amp;showsearch=0" + FullScreen + AutoPlay + HighDef; 
			  var YouTube = "&lt;object width=\"" + width + "\" height=\"" + height + "\"&gt;"; 
			  YouTube += "&lt;param name=\"movie\" value=\"" + URL + "\"&gt;&lt;/param&gt;"; 
			  YouTube += "&lt;param name=\"allowFullScreen\" value=\"true\"&gt;&lt;/param&gt;&lt;param name=\"allowscriptaccess\" value=\"always\"&gt;&lt;/param&gt;"; 
			  YouTube += "&lt;embed src=\"" + URL + "\" type=\"application/x-shockwave-flash\" "; 
			  YouTube += "allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"" + width + "\" height=\"" + height + "\"&gt;&lt;/embed&gt;&lt;/object&gt;"; 
			  ytobj.innerHTML = YouTube; 
			  //Add YouTube Div to YouTube Popup Div container 
			  divobj.appendChild(ytobj); 
			  
			  //Add YouTube Popup Div container to HTML BODY 
			  document.body.appendChild(divobj); 
		} 
		function closeYouTube(id){ 
			  var divbg = document.getElementById('bg'); 
			  divbg.style.visibility = "hidden"; 
			  var divobj = document.getElementById(id); 
			  var ytobj = document.getElementById("yt" + id); 
			  divobj.removeChild(ytobj); //remove YouTube Div 
			  document.body.removeChild(divobj); // remove Popup Div 
		} 
		</script> 
		<br>
		<style type="text/css"> 
		<!-- 
		.popup { 
			  position: absolute; 
			  z-index: 2; 
		} 
		.popup_bg { 
			  position: absolute;     visibility: hidden; 
			  height: 100%; width: 100%; 
			  filter: alpha(opacity=70); /* for IE */ 
			  opacity: 0.7; /* CSS3 standard */ 
			  left: 0px; top: 0px; 
			  background-color: #999; 
			  z-index: 1; 
		} 
		.ytcontainer { 
			  border: 2px solid #666; 
			  clear: both; 
		} 
		.close_button { 
			  font-family: Verdana, Geneva, sans-serif; 
			  font-size: small; font-weight: bold; 
			  color: #666; text-decoration: none; 
			  display: block; float: right; 
			  background-color: #FFF; 
			  z-index: 3; cursor: default; 
			  border: 2px solid #666; 
			  margin-bottom: -2px; 
			  padding: 0px 3px 0px 3px; 
		} 
		body { margin: 0px; } 
		-->
       </style>
		<img width="205" height="141" src="<?php bloginfo('template_url');?>/images/support us.jpg">      
		<a onclick="openYouTube('viPsUgQeEXQ')" href="#">
			<img width="205" height="141" alt="" src="<?php bloginfo('template_url');?>/images/BadhanGereralHospital.jpg">
		</a>
		<img width="205" height="141" src="<?php bloginfo('template_url');?>/images/sl-1.jpg">
		<img width="205" height="141" src="<?php bloginfo('template_url');?>/images/The Finish.jpg">
		<div class="popup_bg" id="bg"></div>
	</div>	
	<div id="contentleft">
		<img width="625" height="443" src="<?php bloginfo('template_url');?>/images/frontWP.jpg">
	</div>
	<div id="contentright">
		<table border="0" align="right">
			<tbody>
			  <tr>
				<td valign="top" align="left" height="473">&nbsp;</td>

				<td valign="top" bgcolor="#EAEAEA" align="left">
				  <div class="footerwidget01">
					<div class="widget widget_text" id="text-20">
					  <h5>Join Us: Subscribe Today</h5>
					  <!-- InstanceBeginEditable name="EditRegion4" -->

					  <div class="textwidget">
						<!-- Begin MailChimp Signup Form -->
						<!--[if IE]>
		<style type="text/css" media="screen">
				#mc_embed_signup fieldset {position: relative;}
				#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
		</style>
		<![endif]-->
						<!--[if IE 7]>
		<style type="text/css" media="screen">
				.mc-field-group {overflow:visible;}
		</style>
		<![endif]-->

						<div id="mc_embed_signup2">
						  <form style="font: normal 100% Arial, sans-serif;font-size: 10px;"
						  target="_blank" class="validate" name="mc-embedded-subscribe-form" id=
						  "mc-embedded-subscribe-form" method="post" action=
						  "http://africandt.us2.list-manage.com/subscribe/post?u=97890f0a371b8ee1c4fba1c1e&amp;id=353747ca52">
						  </form>

						  <fieldset style=
						  "-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #ccc;padding-top: 1.5em;margin: .5em 0;background-color: #EAEAEA;color: #000;text-align: left;">
						  <div style="margin: 1.3em 5%;clear: both;overflow: hidden;" class=
						  "mc-field-group">
							  <label style=
							  "display: block;margin: .3em 0;line-height: 1em;font-weight: bold;"
							  for="mce-EMAIL3">Email Address</label> <input type="text" style=
							  "margin-right: 1.5em;padding: .2em .3em;width: 90%;float: left;z-index: 999;"
							  id="mce-EMAIL3" class="required email" name="EMAIL" value="" />
							</div>

							<div style=
							"float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;"
							id="mce-responses">
							  <div style=
							  "display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: FBE3E4;color: #D12F19;"
							  id="mce-error-response" class="response"></div>

							  <div style=
							  "display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #E3FBE4;color: #529214;"
							  id="mce-success-response" class="response"></div>
							</div>

							<div>
							  <input type="submit" style=
							  "clear: both;width: auto;display: block;margin: 1em 0 1em 5%;"
							  class="btn" id="mc-embedded-subscribe" name="subscribe" value=
							  "Subscribe" />
							</div>
						  </fieldset>
						</div>
					  </div><!-- InstanceEndEditable -->

					  <div class="textwidget">
						<div id="mc_embed_signup">
						  <div class="widget widget_nav_menu" id="nav_menu-">
							<div class="widget widget_nav_menu" id="nav_menu-4">
							  <div class="widget widget_nav_menu" id="nav_menu-4">
								<h4>Current Projects</h4>

								<div class="menu-how-we-help-container">
								  <ul class="menu sf-js-enabled sf-shadow" id="menu-how-we-help">
									<li class=
									"menu-item menu-item-type-post_type menu-item-object-page menu-item-1139"
									id="menu-item-1139"><a href=
									"./emergency-relief/index.html">Badhan Hospital</a></li>

									<li class=
									"menu-item menu-item-type-post_type menu-item-object-page menu-item-1139"
									id="menu-item-1139"><a href=
									"./emergency-relief/index.html">General Education</a></li>

									<li class=
									"menu-item menu-item-type-post_type menu-item-object-page menu-item-1139"
									id="menu-item-1139"><a href=
									"./emergency-relief/index.html">Emergency Relief</a></li>
								  </ul>
								</div>
							  </div>

							  <h4>&nbsp;</h4>

							  <h4><font color=
							  "#EAEAEA">........................................</font><br /></h4>
							</div>
						  </div>
						</div>
					  </div>
					</div>
				  </div>
				</td>
			  </tr>
			</tbody>
		  </table>
	</div>
</div>
<?php get_footer(); ?>
